
<!-- 卖家订单列表 -->
<template>
  <view class="qianpq-order_box">
    <view class="order-title">
      <!-- 搜索 -->
      <SearchInput placeholder="跟团号/手机号/昵称/商品" @searchFn="_searchOrder"></SearchInput>
      <!-- 标签切换 -->
      <view style="height: 92rpx;">
        <u-tabs
          v-if="showBar"
          active-color="#E44435"
          height="92"
          inactive-color="#000000"
          font-size="28"
          name="label"
          bar-width="75"
          :list="sellerOrderTabs"
          :is-scroll="false"
          :current="tabsIndex"
          @change="_changeCurrent"
        ></u-tabs>
      </view>
      <view class="u-flex u-p-l-32 u-p-r-32 u-p-t-20 u-p-b-20 bgf" v-if="tabsIndex === 3">
        <view class="cell1" :class="{'activeCell': getAftersaleParams.orderAfterSalesStatus === 1}" @click="_sellerGetUserOrderAfterSales(1)">售后中<text>({{myPageInfo.sellerAfterSalesCount || 0}})</text></view>
        <view class="cell1" :class="{'activeCell': getAftersaleParams.orderAfterSalesStatus === 2}" @click="_sellerGetUserOrderAfterSales(2)">售后记录</view>
      </view>
    </view>
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 未登录-缺省页 -->
    <DefaultPage type="0" tips="登录获取更多优质内容" configText="去登录" :minusHeight="tabsIndex === 3 ? 146 : 96" @config="navigateTo({url: '/pagesB/login/index'})" v-if="!isLogin" />
    <!-- 无售后记录-缺省页 -->
    <DefaultPage type="1" tips="暂无售后记录" :minusHeight="146" @config="switchTab({url: '/pages/index/index'})" v-else-if="tabsIndex === 3  && !aftersaleList.length && !listMore" />
    <!-- 无订单-缺省页 -->
    <DefaultPage type="1" tips="暂无订单，快把商品分享给朋友看看吧~" configText="去分享" :minusHeight="96" @config="navigateTo({url: '/pagesB/canHelpSell/index'})" v-else-if="tabsIndex !== 3 && !orderList.length && !listMore" />

    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 普通订单列表内容 -->
    <ScrollList ref="scrollView1" :minusHeight="96" v-if="tabsIndex !== 3 && orderList.length" @interrupt="interruptOrder" @scrolltolower="scrolltolowerOrder">
      <template slot="content">
        <view v-for="(ord, index) in orderList" :key="index">
          <view style="height:24rpx;"></view>
          <view class="flex-col order_section_9">
            <!-- 拼团信息 -->
            <view class="flex-col order-group_5"> 
              <view class="justify-between order-section_10">
                <view class="flex-row order-group_6">
                  <text class="order-text_13">订单号：</text>
                  <text class="order-text_13">{{ord.orderAllId}}</text>
                </view>
                <view class="flex-col items-center order-text-wrapper_1">
                  <text>{{comparedValue(orderStatus, ord.status) === '待发货' ? (ord.updateCourier === 1 ? '待发货' : '待供货发货') : comparedValue(orderStatus, ord.status)}}</text>
                </view>
              </view>

              <!-- 商品信息 -->
              <view class="flex-row order-section_12" @click="_goOrderDetails(ord)">
                <scroll-view scroll-x style="max-width:480rpx;">
                  <view class="flex-row u-flex-1">
                    <image 
                      v-for="(goods,goodsIndex) in ord.orderGoodsRespVOList" :key="goodsIndex"
                      :src="goods.goodsImages"
                      style="flex-shrink: 0;"
                      class="order-image_8 "
                      :class="{'u-margin-left-20': !!goodsIndex}"
                    />
                    <text class="order-text_17" v-if="ord.orderGoodsRespVOList && ord.orderGoodsRespVOList.length === 1">{{ord.orderGoodsRespVOList[0].goodsName}} </text>
                  </view>
                </scroll-view>

                <view class="flex-col items-center order-group_9">
                  <text class="order-text_18">￥{{ord.payPrice}}</text>
                  <text class="order-text_19">共{{ord.orderAllCount}}件</text> 
                </view>
              </view>
              <!-- 收货信息 -->
              <view class="order-section_13 fz-12 justify-between items-center">
                <view>
                  <view>{{ord.receiveName}} {{ord.receiveMobile}}</view>
                  <view class="u-p-t-8" v-if="ord.freightType !== 2">{{ord.receiveAddress}}</view>
                  <view class="u-p-t-8" v-if="ord.remark">备注：{{ord.remark}}</view>
                </view>
                <view class="u-p-l-20 u-p-r-10" style="flex-shrink: 0;">
                  <view class="copyBtn" @click="_copyUserMsg(ord)">复制</view>
                </view>
              </view>
            </view>

            <view class="justify-between items-center order-group_17">
              <view class="fz-12 themeFontColor">{{ord.type === 2 ? '购样订单' : ''}}</view>
              <view class="u-flex">
                <view class="flex-row order-section_14 text_28" @click="_copuOrder(ord)">复制订单</view>
                <!-- 无需物流发货 -->
                <view class="flex-col items-center order-text-wrapper_2" v-if="ord.freightType === 2 && ord.status === 4 && ord.updateCourier === 1" @click="_ship(index)">发货</view> 
                <!-- 正常物流发货 -->
                <view class="flex-col items-center order-text-wrapper_2" v-if="ord.freightType !== 2 && ord.status === 4 && ord.updateCourier === 1" @click="_goAddLogit(1,ord.orderAllId)">发货</view> 
                <!-- 非供货，只能联系供货发货 -->
                <view class="flex-col items-center order-text-wrapper_2" style="width:150rpx;background-color: #FFF;color: #e44435;" v-if="ord.status === 4 && ord.updateCourier !== 1 && ord.headAccountId" @click="connection(ord.headAccountId)">联系供货</view> 
              </view>
            </view>
          </view> 
        </view>
      </template>
    </ScrollList> 
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 分割綫 -->
    <!-- 售后订单列表内容 -->
    <ScrollList ref="scrollView2" :minusHeight="146" v-if="tabsIndex === 3 && aftersaleList.length" @interrupt="interruptAfter" @scrolltolower="scrolltolowerAfter">
      <template slot="content">
        <view v-for="(item,itemIdx) in aftersaleList" :key="itemIdx" class="px32" @click.stop="_goAfersaleDetails(item.orderAfterSalesId)">
          <view style="height:24rpx;"></view>
          <view class="u-p-u-20 bgf" style="border-radius: 4px;">
            <view class="linh-48 justify-between u-p-l-24 u-p-r-24" style="box-shadow: inset 0px -1px 0px #F2F3F5;">
              <view class="viceColor fz-12">售后单号：{{item.orderAfterSalesId}}</view>
              <view class="fz-14 themeFontColor">{{item.applyType === 1 ? '仅退款' : '退货退款'}}</view>
            </view>
            <view class="u-flex u-p-t-16 u-p-b-16 u-p-l-32 u-p-r-32">
              <view>
                <image :src="item.mainImage" style="width:100rpx;height:100rpx;border-radius: 8px;" />
              </view>
              <view style="flex:1;padding:0 16rpx;" class="ov2 linh-20">{{item.goodsName}}</view>
              <view class="tc">
                <view class="fz-16 fw5">￥{{item.totalApplyAmount}}</view>
                <view class="fz-10 viceColor">共{{item.count}}件</view> 
              </view>
            </view>
            <view class="justify-between items-center u-p-b-30 u-p-l-32">
              <view></view>
              <view class="u-flex">
                <view class="order-section_14" @click.stop="_goOrderDetails(item)">查看订单</view>
                <view class="order-section_14" @click.stop="_copyAfterSale(item.orderAfterSalesId)">复制售后单</view>
                <button class="order-section_14 order-text-wrapper_2" v-if="item.isHandle === 1 && item.orderAfterSalesId" @click="_goAfersaleDetails(item.orderAfterSalesId)">处理售后</button>
                <view class="order-section_14" v-if="item.isHandle === 0 && item.orderAfterSalesId" @click.stop="_goAfersaleDetails(item.orderAfterSalesId)">售后详情</view>
              </view>
            </view>
          </view>
        </view>
      </template>
     </ScrollList> 
  
    <!-- 复制订单信息 -->
    <CopyOrderMsg :show="copyShow" :copyObj="copyObj" @close="copyShow = false"></CopyOrderMsg>
    <!-- 确认发货弹窗 -->
    <Modal 
    :show="shipShow" 
    title="确认发货完成" 
    content="本订单为虚拟商品，发货完成操作后订单将完结，确认发货完成？" 
    @close="shipShow = false" 
    @config="_configShip" />
  </view>
</template>

<script>
import DefaultPage from '@/components/defaultPage/index.vue'
import SearchInput from '@/components/searchInput/index.vue'
import ScrollList from '@/components/scrollList/index.vue'
import Modal from '@/components/modal/index.vue'

import orderApi from "@/api/orderApi.js";
import { comparedValue, orderStatus, aftersaleReason } from "@/utils/statusList.js"
import CopyOrderMsg from "@/pages/order/components/copyOrderMsg.vue"

export default {
  name: 'sellerOrder',
  components: {
    CopyOrderMsg,
    SearchInput,
    DefaultPage,
    ScrollList,
    Modal
  },
  data () {
    return {
      sellerOrderTabs: [
        {
          value: 0,
          label: "全部",
        },
        {
          value: 1,
          label: "待发货",
          count: 0
        },
        {
          value: 2,
          label: "已发货",
        },
        {
          value: 3,
          label: "售后",
          count: 0
        },
        {
          value: 4,
          label: "备注",
      }],
      // 列表
      listLoading: false,
      listMore: true, // 当前列表是否还有更多
      orderList: [],
      tabsIndex: 0,
      getParams: {
        currentPage: 1,
        pageSize: 10,
        type: 0, // 0.全部 1.待发货 2.已发货 3.备注
        search: '', // 搜索条件

        dynamicId: '', // 动态ID
        startTime: '', // 开始时间
        endTime: '', // 结束时间
      },
      aftersaleList: [], //售后订单列表
      // 查询售后列表参数
      getAftersaleParams:{
        currentPage: 1,
        pageSize: 10,
        orderAfterSalesStatus : 1, // 1售后中 2售后记录
        search: '', // 搜索条件

        dynamicId: '', // 动态ID
        startTime: '', // 开始时间
        endTime: '', // 结束时间
      },
      copyShow: false, // 复制弹窗
      copyObj: {},
      showBar: true,
      shipShow: false, // 虚拟物品发货弹窗
      shipIndex: 0 // 发货订单下标
    }
  },
  computed: {
    myPageInfo(){
      this.sellerOrderTabs[1].count = this.$store.state.myPageInfo.deliverOrderCount //卖家待发货角标数量--0不显示
      this.sellerOrderTabs[3].count = this.$store.state.myPageInfo.sellerAfterSalesCount //卖家售后角标数量--0不显示
      return this.$store.state.myPageInfo
    },
    orderStatus(){
      return orderStatus
    },
  },
  created(){
    if (this.timer) { //这一段是防止进入页面出去后再进来计时器重复启动
      clearInterval(this.timer); 
    }
  },
  beforeDestroy(){
    if (this.timer) {
      clearInterval(this.timer); 
    }
    if (this.timer1) {
      clearInterval(this.timer1); 
    }
  },
  methods: {
    comparedValue,
    // 获取列表
    async _getMyBuyOrderListFn () {
      this.listLoading = true
      const { data } = await orderApi.sellerBuyOrderList(this.getParams)
      if(this.getParams.currentPage === 1){
        this.orderList = data.records
      }else{
        this.orderList.push(...data.records)
      }
      if((this.getParams.currentPage * this.getParams.pageSize) !== this.orderList.length){
        this.listMore = false
      }
      this.listLoading = false
    },
    // 订单下拉刷新
    async interruptOrder(){
      this.listMore = true
      this.getParams.currentPage = 1
      this.getParams.type = this.tabsIndex === 4 ? 3 : this.tabsIndex
      await this._getMyBuyOrderListFn()
      setTimeout(() => {
        this.$refs.scrollView1 && this.$refs.scrollView1.refreshFinish() // 刷新完成
      }, 500);
    },
    // 订单加载更多
    async scrolltolowerOrder(){
      this.getParams.currentPage += 1
      await this._getMyBuyOrderListFn()
      this.$refs.scrollView1.loadFinish(this.listMore ? 0 : 3) // 加载完成，是否还有更多
    },
    // 标签卡切换
    _changeCurrent(val){
      if(!this.isLogin){
        this.navigateTo({url: '/pagesB/login/index'});
        return
      }
      this.tabsIndex = val
      this.listMore = true
      if(val === 3){ // 查询售后列表
        this._sellerGetUserOrderAfterSales(1)
      }else{// 非售后查询列表 0.全部 1.待发货 2.已发货 3.备注
        if(val === 4){
          this.getParams.type = 3
        }else{
          this.getParams.type = val
        }
        this.getParams.currentPage = 1
        this._getMyBuyOrderListFn()
      }
    },
    // 获取售后列表
    async _sellerGetUserOrderAfterSales(status){
      if(status !== this.getAftersaleParams.orderAfterSalesStatus){
        this.getAftersaleParams.currentPage = 1
      }
      this.getAftersaleParams.orderAfterSalesStatus = status
      if(this.getAftersaleParams.currentPage === 1){this.aftersaleList = []}
      
      this.listLoading = true
      const { data } = await orderApi.sellerGetUserOrderAfterSales(this.getAftersaleParams)
      if(this.getAftersaleParams.currentPage === 1){
        this.aftersaleList = data.records
      }else{
        this.aftersaleList.push(...data.records)
      }
      if((this.getAftersaleParams.currentPage * this.getAftersaleParams.pageSize) !== this.aftersaleList.length){
        this.listMore = false
      }
      this.listLoading = false
    },
    // 售后下拉刷新
    async interruptAfter(){
      this.listMore = true
      this.getAftersaleParams.currentPage = 1
      await this._sellerGetUserOrderAfterSales(this.getAftersaleParams.orderAfterSalesStatus)
      setTimeout(() => {
         this.$refs.scrollView2 && this.$refs.scrollView2.refreshFinish() // 刷新完成
      }, 500);
    },
    // 售后加载更多
    async scrolltolowerAfter(){
      this.getAftersaleParams.currentPage += 1
      await this._sellerGetUserOrderAfterSales(this.getAftersaleParams.orderAfterSalesStatus)
      this.$refs.scrollView2.loadFinish(this.listMore ? 0 : 3) // 加载完成，是否还有更多
    },
    
    // 根据商品名称搜索订单
    _searchOrder(val){
      if(this.listLoading) return
      if(this.tabsIndex === 3){ // //查询售后列表
        this.getAftersaleParams.currentPage = 1
        this.getAftersaleParams.search = val
        this._sellerGetUserOrderAfterSales(this.getAftersaleParams.orderAfterSalesStatus)
      }else{
        this.getParams.search = val
        this.getParams.currentPage = 1
        this._getMyBuyOrderListFn()
      }
    },
    // 跳转详情
    _goOrderDetails(ord){
      this.navigateTo({ url: `/pagesA/order/sellerOrderDetails?orderAllId=${ord.orderAllId}` })
    },
    _copuOrder(ord){
      this.copyShow = true
      this.copyObj = ord
    },
    // 拨号
    _dialMobile(mobile){
      uni.makePhoneCall({
        phoneNumber: mobile,
        success: function () {
          console.log('拨打成功');
        }
      })
    },
    // 跳转去添加快递信息 1:新增 2：编辑
    _goAddLogit(type,orderAllId){
        this.navigateTo({ url: `/pagesA/order/editLogistics?types=${type}&orderAllId=${orderAllId}` })
    },
    // 虚拟物品发货
    _ship(index){
      this.shipIndex = index
      this.shipShow = true
    },
    // 虚拟物品确认发货
    _configShip(){
      orderApi.deliverGoods({orderAllId: this.orderList[this.shipIndex].orderAllId}).then(res=>{
        this.orderList[this.shipIndex].status = 7 // 订单状态直接改为已完成
        this.shipShow = false
      })  
    },
    // 跳转去售后详情
    _goAfersaleDetails(orderAfterSalesId){
      this.navigateTo({url: `/pagesA/order/sellerAftersaleDetails?orderAfterSalesId=${orderAfterSalesId}`});
    },
    // 复制收货用户信息
    _copyUserMsg(ord){
      let params = ``
      params += `姓名：${ord.receiveName}\n`
      params += `手机号：${ord.receiveMobile}\n`
      if(ord.freightType !== 2){ // 需要物流的加上收货地址
        params += `收货地址：${ord.receiveAddress}\n`
      }
      if(ord.remark){
        params += `备注：${ord.remark}\n`
      }
      uni.setClipboardData({
        data: params,
        showToast: false,
        success: function () {
          uni.showToast({
            title: '已复制',
            icon: 'success'
          });
        }
      });
    },
    // 复制售后单
    async _copyAfterSale(orderAfterSalesId){
      const { data } = await orderApi.copyAfterSale({orderAfterSalesId})
      let params = ``
      params += `跟团号：${data.followGroupNum}\n`
      params += `订单编号：${data.orderAllId}\n`
      params += `团员微信昵称：${data.nickname}\n`
      params += `申请退款金额：${data.totalApplyAmount}\n`
      params += `申请退款商品明细：${data.orderGoodsDetailVO.goodsName}（￥${data.orderGoodsDetailVO.totalApplyAmount}）\n`
      params += `团员退款原因：${comparedValue(aftersaleReason,data.applyReason)}\n`
      params += `发货快递信息：`
      if(data.orderExpressInformationVOList && data.orderExpressInformationVOList.length){
        data.orderExpressInformationVOList.forEach(v => {
          params += `${v.logisticsName}：${v.logisticsCode} \n`
        });
      }else{
        params += `暂无`
      }
      params += `买家收货地址：${data.receivingInformationVO.receiveName}  ${data.receivingInformationVO.receiveMobile}  ${data.receivingInformationVO.receiveAddress} \n`
      params += `退货快递信息：`
      if(data.orderAfterSalesExpressInformationVOList && data.orderAfterSalesExpressInformationVOList.length){
        data.orderAfterSalesExpressInformationVOList.forEach(v => {
          params += `${v.logisticsName}：${v.logisticsCode} \n`
        });
      }else{
        params += `暂无`
      }

      uni.setClipboardData({
        data: params,
        showToast: false,
        success: function () {
          uni.showToast({
            title: '售后单已复制',
            icon: 'success'
          });
        }
      });
    },
    // 联系团长
    connection(groupAccountId){
      if(this.$store.state.imUserInfo.imId === groupAccountId){
        uni.showToast({
          title: '不能联系自己',
          icon: 'none'
        });
        return
      }else{
        this.navigateTo({url: '/pagesB/message/messageDetails?id='+groupAccountId})
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.bgf{
  background: #fff;
}
.ov2{
  @include bov(2);
}
.cell1{
  background: #F2F3F5;
  border-radius: 4px;
  color: #969799;
  line-height: 40rpx;
  padding: 10rpx 20rpx;
}
.cell1+.cell1{
  margin-left: 20rpx;
}
.activeCell.cell1{
  background: #FFE5DE;
  color: $themeColor;
}
.qianpq-order_box {
  height: 100%;
}

// 订单列表
.order_section_9 {
  margin: 0 32rpx;
  overflow: hidden;
  border-radius: 8rpx;
  background: rgb(255, 255, 255);
}
.order-group_17 {
  margin: 36rpx 0;
  padding: 0 16rpx;
}
.order-section_10 {
  padding: 25rpx 32rpx 26rpx;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0rpx -2rpx 0rpx 0rpx rgb(238, 238, 238);
  position: relative;
}
.order-section_12 {
  padding: 19rpx 30rpx 19rpx 32rpx;
  background-color: rgb(255, 255, 255);
}
.order-section_13 {
  margin: 12rpx 32rpx 0;
  padding: 16rpx;
  background-color: #F7F8FA;
  border-radius: 8rpx;
  color: #969799;
  .copyBtn{
    color: #323233;
    font-size: 20rpx;
    padding: 4rpx 10rpx;
    border: solid 1px #eee;
    border-radius: 4rpx;
  }
}
.order-text_27 {
  margin: 9rpx 30rpx 7rpx 0;
  color: rgb(0, 0, 0, 0.6);
  font-size: 24rpx;
  line-height: 34rpx;
  white-space: nowrap;
}
.order-section_14 {
  margin-right: 16rpx;
  padding: 0 15rpx;
  font-size: 24rpx;
  line-height: 46rpx;
  white-space: nowrap;
  border-radius: 50rpx;
  height: 50rpx;
  border: solid 2rpx rgb(220, 222, 224);
}
.order-text-wrapper_2 {
  color: rgb(255, 255, 255);
  font-size: 24rpx;
  line-height: 46rpx;
  white-space: nowrap;
  background-color: rgb(228, 68, 53);
  border-radius: 50rpx;
  width: 128rpx;
  height: 50rpx;
  border: solid 2rpx rgb(228, 68, 53);
}
.order-group_6 {
  margin-top: 3rpx;
}
.order-text-wrapper_1 {
  margin-bottom: 3rpx;
  padding: 10rpx 16rpx 8rpx;
  color: rgb(228, 68, 53);
  font-size: 20rpx;
  line-height: 28rpx;
  white-space: nowrap;
  background-color: rgb(255, 239, 219);
  border-radius: 4rpx;
  height: 46rpx;
}
.order-image_8 {
  border-radius: 4rpx;
  width: 100rpx;
  height: 100rpx;
}
.order-text_17 {
  width: 400rpx;
  margin-left: 16rpx;
  flex: 1 1 auto;
  align-self: center;
  color: rgb(0, 0, 0);
  font-size: 28rpx;
  line-height: 40rpx;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.order-group_9 {
  margin-left: 30rpx;
  align-self: center;
}
.order-image_12 {
  margin-bottom: 4rpx;
  width: 22rpx;
  height: 30rpx;
}
.text_28 {
  margin-left: 5rpx;
}
.order-text_13 {
  margin: 6rpx 0;
  color: #969799;
  font-size: 24rpx;
  line-height: 34rpx;
  white-space: nowrap;
  @include toe();
}
.order-image_7 {
  margin: 2rpx 0 6rpx 14rpx;
  width: 18rpx;
  height: 32rpx;
}
.order-text_18 {
  color: rgb(0, 0, 0);
  font-size: 32rpx;
  font-weight: 500;
  line-height: 44rpx;
  white-space: nowrap;
}
.order-text_19 {
  color: rgb(0, 0, 0);
  font-size: 20rpx;
  line-height: 28rpx;
  white-space: nowrap;
}
.ov1 {
  @include toe();
}
// 订单列表结束

// 待支付
.uppaid-order {
  padding: 12rpx 0 12rpx;
  color: rgb(191, 31, 6);
  font-size: 28rpx;
  line-height: 40rpx;
  white-space: nowrap;
  background-color: rgb(255, 233, 233);
}
.uppaid-order-text {
  background-color: rgb(251, 149, 81);
  color: rgb(255, 255, 255);
}
.canceled-text {
  background-color: rgb(220, 222, 224);
  color: rgb(150, 151, 153);
}
.evaluate-order-wrapper {
  border: solid 2rpx rgb(228, 68, 53);
  color: rgb(228, 68, 53);
  background-color: #fff;
  margin-right: 16rpx;
}

.section_15 {
  margin: 0 16rpx 16rpx;
  padding: 16rpx 16rpx 14rpx;
  color: rgb(0, 0, 0);
  font-size: 24rpx;
  line-height: 34rpx;
  white-space: nowrap;
  background-color: rgb(242, 243, 245);
  border-radius: 8rpx;
}
.image_11 {
  margin: 4rpx 7rpx 6rpx 0;
  width: 16rpx;
  height: 24rpx;
}

// 售后
.after-sales-section_9 {
  padding: 20rpx 32rpx;
  background-color: rgb(255, 255, 255);
  border-top: 2rpx solid #f2f3f5;
  position: absolute;
  top: 0;
}
.text-wrapper_1 {
  padding: 10rpx 0;
  color: rgb(228, 68, 53);
  font-size: 28rpx;
  line-height: 40rpx;
  white-space: nowrap;
  background-color: rgb(255, 229, 222);
  border-radius: 8rpx;
  width: 120rpx;
  height: 60rpx;
}
.text-wrapper_2 {
  margin-left: 16rpx;
  padding: 6rpx 0;
  color: rgb(150, 151, 153);
  font-size: 28rpx;
  line-height: 40rpx;
  white-space: nowrap;
  background-color: rgb(242, 243, 245);
  border-radius: 8rpx;
  width: 120rpx;
  height: 60rpx;
}

// 售后
.custom-navbar {
  width: 352rpx;
  height: 64rpx;
  background: #f5f5f5;
  border-radius: 32rpx;
  display: flex;
  margin-left: 32rpx;
  .custom-navbar-li {
    width: 176rpx;
    height: 64rpx;
    border-radius: 32rpx;
    font-size: 28rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.30);
  }
  .active {
    background: #e44435;
    color: #fff;
  }
}

.adapter_list {
  height: calc(100vh - 68px - 102px - 53px);
}
.adapter_list2 {
  height: calc(100vh - 68px - 102px - 53px - 100rpx);
}
.headTitle {
  color: rgba(0, 0, 0, 0.9);
  line-height: 96rpx;
  font-weight: 500;
  font-size: 36rpx;
  text-align: center;
}
.listBody{
  background-color: #F7F8FA;
  .linght44{
    line-height: 88rpx;
    background-color: #FFF;
  }
}

.configBtn{
  margin:0 32rpx;
  border-radius: 8rpx;
  line-height: 96rpx;
  text-align: center;
  color: #FFF;
}

</style>
